import axios from "axios";
import common from "./common";
import { Message } from "element-ui";
import router from "@/router";

const service = axios.create({
  baseURL: "/api", //process.env.BASE_API, // api 的 base_url
  timeout: 5000 // request timeout
});
// 请求拦截器
service.interceptors.request.use(
  config => {
    // Do something before request is sent
    let token = common.getToken();
    if (token) {
      // 让每个请求携带token-- ['X-Token']为自定义key 请根据实际情况自行修改
      // config.headers["Authorization"] = "Bearer " + token;
    }
    config.headers["X-Requested-With"] = "XMLHttpRequest";
    return config;
  },
  error => {
    // Do something with request error
    console.log(error); // for debug
    Promise.reject(error);
  }
);
//响应拦截
service.interceptors.response.use(
  /**
   * 下面的注释为通过在response里，自定义code来标示请求状态
   * 当code返回如下情况则说明权限有问题，登出并返回到登录页
   * 如想通过 xmlhttprequest 来状态码标识 逻辑可写在下面error中
   * 以下代码均为样例，请结合自生需求加以修改，若不需要，则可删除
   */
  response => {
    const code = response.data.code * 1;
    switch (code) {
      case 401:
        Message.error("请先登录或您的登陆状态已过期");
        //跳转到登录页
        router.replace("/login");
        break;
      case 403:
        Message.error("权限不足");
        break;
      case 404:
        Message.error("404NOT Found");
        break;
      default:
    }
    return response;
  },
  error => {
    console.log("err" + error); // for debug
    Message({
      message: error.message,
      type: "error",
      duration: 5 * 1000
    });
    return Promise.reject(error);
  }
);

export default service;
